<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>社区主页</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/lib/swiper.css" />
		<link rel="stylesheet" type="text/css" href="../../css/community/topicProblem.css" />
		<link rel="stylesheet" type="text/css" href="../../css/community/communityHome.css" />

	</head>

	<body>
		<div id="app" v-cloak>
			<!--提问弹窗页S-->
			<img class="alertQ" v-on:click="alertShow()" src="../../lib/svg/publish.svg" />
			<!--提问弹窗页E-->
			<!--公共头部开始-->
			<div class="search-header fixed">
				<div class="search-header-main">
					<div class="search-header-float">
						<i class="fa fa-search search-header-i blue"></i>						
					</div>
					<input @keyup.13="search()" type="text" class="search-form search-input" placeholder="search..." v-model="message">
					<div class="search-header-del">
						<img class="del" v-on:click="del()" src="../../lib/svg/del.svg" type="" />
					</div>
				</div>
				<!--轮播S-->
				<div class="swiper-container community-home-classification">
					<div class="swiper-wrapper community-home-classification-inside">
						<div class="swiper-slide" v-for="item in topic" v-on:click="jump(item.id,item.name)">
							<a>{{item.name}}</a>
						</div>
					</div>
				</div>
				<!--轮播E-->
			</div>
			<!--公共头部结束-->
			<!--内容部分开始-->

			<!--问题列表S-->
			<div class="topic-problem-content">
				<div class="topic-problem-content-detail" v-for="item in questionList" v-on:click="jumpDetails(item.id)">
					<p class="topic-problem-title">{{item.title}}</p>
					<div class="topic-problem-name">
						<img v-bind:src="lPath +(item.avatar_path) + (item.avatar)">
						<span class="home-span">{{item.nickname}}</span>
					</div>
					<p class="topic-problem-details server-article" v-html="item.content"></p>
					<div class="topic-problem-price-time">
						<div class="topic-problem-eye">
							<i class="fa fa-eye iconR2"></i>
							<span>{{item.click}}人浏览</span>
						</div>
						<div class="topic-problem-reply">
							<i class="fa fa-commenting-o iconR2"></i>
							<span>{{item.answer_count}}回答</span>
						</div>
						<div class="topic-problem-time">
							<i class="fa fa-clock-o iconR2"></i>
							<span v-if="item.created_at == null ">0</span>
							<span v-else>{{item.created_at.split(" ")[0]}}</span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--问题列表E-->
			<!--内容部分结束-->
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/community/community.js" type="text/javascript" charset="utf-8"></script>

</html>